<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title>Aether : Test Suit</title>

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

		<link type="text/css" rel="stylesheet" href="http://jqueryui.com/themes/base/ui.all.css" />
		<link type="text/css" rel="stylesheet" href="../../ui.input.css" />

		<style type="text/css">
			body {
				font-size: 62.5%;
				font-family: Verdana;
			}

			label {
				position: relative;
				text-align: left;
				outline: 0;
				padding: .4em;
				margin-right: .4em;

				font-size: 1.1em;

				display: -moz-inline-stack;
				display: inline-block;
				zoom: 1;
				*display: inline;
			}

		</style>

		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
		<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="../../ui.input.js"></script>

		<script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script>
	</head>

	<body>

		<div id="switcher"></div>

		<script type="text/javascript">
			$(function() {
				// Theme Switcher Engine
				$('#switcher').themeswitcher();
			});
		</script>

		<hr />

		<h3>Visual Test One : original state</h3>

		<input type="text" name="visual_1" id="visual_1" value="text value, 0123456789" />

		<h3>Visual Test One : default state</h3>

		<span class="ui-input ui-widget ui-input-no-icon">
			<span class="ui-input-content ui-widget-content ui-form-default ui-corner-all">
				<input type="text" name="visual_1" id="visual_1" value="text value, 0123456789" class="ui-helper-reset ui-corner-all" role="input" aria-invalid="true" aria-required="true" required="true" />
			</span>
		</span>

		<h3>Visual Test Ttwo : accepted state</h3>

		<span class="ui-input ui-widget">
			<span class="ui-input-content ui-widget-content ui-form-default ui-corner-all">
				<input type="text" name="visual_1" id="visual_1" value="text value, 0123456789" class="ui-helper-reset ui-corner-all" role="input" aria-invalid="true" aria-required="true" required="true" />
				<span class="ui-icon ui-icon-circle-check"></span>
			</span>
		</span>

		<h3>Visual Test Three : hover state</h3>

		<span class="ui-input ui-widget">
			<span class="ui-input-content ui-widget-content ui-form-default ui-corner-all ui-form-hover">
				<input type="text" name="visual_1" id="visual_1" value="text value, 0123456789" class="ui-helper-reset ui-corner-all" role="input" aria-invalid="true" aria-required="true" required="true" />
				<span class="ui-icon ui-icon-circle-check"></span>
			</span>
		</span>

		<h3>Visual Test Four : focus state</h3>

		<span class="ui-input ui-widget">
			<span class="ui-input-content ui-widget-content ui-form-default ui-corner-all ui-state-highlight ui-form-active">
				<input type="text" name="visual_1" id="visual_1" value="text value, 0123456789" class="ui-helper-reset ui-corner-all" role="input" aria-invalid="true" aria-required="true" required="true" />
				<span class="ui-icon ui-icon-circle-check"></span>
			</span>
		</span>

		<h3>Visual Test Five : error state</h3>

		<span class="ui-input ui-widget">
			<span class="ui-input-content ui-widget-content ui-form-default ui-corner-all ui-state-error ui-form-error">
				<input type="text" name="visual_1" id="visual_1" value="text value, 0123456789" class="ui-helper-reset ui-corner-all" role="input" aria-invalid="true" aria-required="true" required="true" />
				<span class="ui-icon ui-icon-alert"></span>
				<label aria-role="alert" class="ui-widget ui-input-help ui-widget-content ui-corner-all">Not a number</label>
			</span>
		</span>

		<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
		<script type="text/javascript">
			<!--
				_uacct="UA-359169-1";urchinTracker();
			//-->
		</script>
		<script src="http://pmetrics.performancing.com/3702.js" type="text/javascript"></script>
		<noscript><p><img alt="Performancing Metrics" src="http://pmetrics.performancing.com/3702ns.gif" /></p></noscript>
	</body>
</html>